<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta http-equiv="content-language" content="zh-cn"/>
    <meta name="renderer" content="webkit|ie-comp|ie-stand"/>
    <meta http-equiv="Cache-control" content="public" max-age="no-cache"/>
    <title>详情-{$tpshop_config['shop_info_store_title']}</title>
    <meta name="keywords" content="{$tpshop_config['shop_info_store_keyword']}"/>
    <meta name="description" content="{$tpshop_config['shop_info_store_desc']}"/>
    <script src="__STATIC__/js/jquery-1.11.3.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="shortcut icon" type="image/x-icon" href="{$tpshop_config.shop_info_store_ico|default='/public/static/images/logo/storeico_default.png'}" media="screen"/>
    <script src="__PUBLIC__/js/global.js"></script>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/help.css"/>
    <link rel="stylesheet" type="text/css" href="__STATIC__/css/tpshop.css"/>
    <style>
        .master-detail .left{
            text-align: center;
        }
        .master-detail .left img{
            width: 200px !important;
            display: inline-block;
        }
        .master-detail .left h2{

        }
        .master-detail .left .tags-box{
            margin-top: 20px;
        }
        .master-detail .left .tags{
            color: #777777;
            padding: 10px 30px;
            background: #ececec;
            border-radius: 10px;
        }
        .master-detail .left h2 span{
            color: rgb(60, 60, 60);
            padding-top: 4px;
            padding-bottom: 4px;
            padding-left: 10px;
            font-size: 20px;
            font-weight: bold;
        }
        .master-detail h1{
            font-size: 20px;
            font-weight: bold;
            text-align: center;
            margin-top: 10px;
        }
        .master-detail .detail-box{
            padding: 20px 30px 0px;
            color: rgb(60, 60, 60);
            font-size: 18px;
            text-align: left;
        }
    </style>
</head>
<body>
<!--header-s-->
<include file="public/header" w="w1224"/>
    <!--header-e-->
<!--E头部-->
<!-- <div style="clear: both; height:45px"></div> -->
<div id="pageContent" class="pageContent p">
    <div class="hc-warp" id="page">
        <!--<div class="hc-crumbs"><a class="p-fb" href="" target="_blank">文章</a>&gt; <a>{$cat_name}</a></div>-->
        <!--<div class="hc-column"></div>-->
        <!--可编辑区域开始-->
        <div id="content">
            <div style="margin-bottom: 25px;margin-top: 10px" class="master-detail">
                <div class="left">
                    <img src="{$article.head_pic}"/>
                    <h2><span>{$article.nickname}</span></h2>
                    <php>
                        $tags = isset($article['service_tags']) ? explode(',', $article['service_tags']) : [];
                    </php>
                    <div class="tags-box">
                        <if condition="$tags">
                            <foreach name="tags" item="v">
                                <span class="tags">{$v}</span>
                            </foreach>
                        </if>
                    </div>
                </div>
                <div style="width: 100%;height: 10px"></div>
                <div class="detail-box">
                    <h1>个人简介</h1>
                    {$article.master_summary|htmlspecialchars_decode}
                </div>
                <div class="detail-box">
                    <h1>服务详情</h1>
                    {$article.service_summary|htmlspecialchars_decode}
                </div>
            </div>
        </div>
        <!--可编辑区域结束-->
    </div>
</div>
<include file="public/footer"/>
<include file="public/sidebar_cart"/>
<script src="__STATIC__/js/lazyload.min.js" type="text/javascript" charset="utf-8"></script>
<script src="__STATIC__/js/headerfooter.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>